<template>
	<view class="headTab">
		<view class="headTab-back" @tap="backUrl"></view>
		<view class="headTab-title" >{{title}}</view>
	</view>
</template>

<script>
	export default {
		props: {
			title: {
				type: String,
				default: ''
			}
		},
		data() {
			return {

			}
		},
		methods:{
			// 返回
			backUrl(){
				uni.navigateBack()
			}
		}
	}
</script>

<style lang="less" scoped>
	.headTab {
		width: 750rpx;
		height: 88rpx;
		background-color: #F5F6FA;
		display: flex;
		align-items: center;
		position: relative;
		justify-content: center;
		&-back {
			width: 24rpx;
			height: 48rpx;
			position: absolute;
			top: 50%;
			margin-top: -24rpx;
			left: 32rpx;
			background-image: url('@/static/head/back.png');
			background-size: 100% 100%;
			background-repeat: no-repeat;
		}
		&-title {
			font-family: PingFangSC, PingFang SC;
			font-weight: bold;
			font-size: 34rpx;
			color: #000000;
		}
	}
</style>